.myprofile-home-container {
  .ant-card-bordered {
    border-radius: 6px;
  }
  .bgImg {
    position: absolute;
    width: 100%;
    height: 324px;
    top: -80px;
    z-index: -1;
    background-color: rgba(80, 48, 9, 0.453);
    opacity: 0.5;
  }
  .user-name {
    //styleName: 01 Page Title EN/Montserrat Bold;
    font-family: Montserrat;
    font-size: 36px;
    font-weight: 700;
    line-height: 54px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 16px;
  }
  .greeting-text {
    //styleName: 06 Body Text Large EN/Regular;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 16px;
  }
  .menu-card {
    margin-bottom: 40px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    .ant-card:first-child .ant-card-body {
      border-radius: 6px;
      background: linear-gradient(
          154.39deg,
          #2f2f2f 1.08%,
          #909090 81.97%,
          #5c5c5c 92.76%
        ),
        radial-gradient(
            64.5% 26.94% at 90.83% 4.98%,
            rgba(209, 179, 121, 0.2) 0%,
            rgba(209, 179, 121, 0) 100%
          )
          /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
        radial-gradient(
            74.33% 21.81% at 96.67% 94.01%,
            rgba(209, 179, 121, 0.2) 0%,
            rgba(209, 179, 121, 0) 100%
          )
          /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    }
  }
  .my-Profile-status {
    margin-bottom: 18px;
    .my-Profile {
      //styleName: 05 Nav Title EN/Roboto Bold;
      font-family: Roboto;
      font-size: 18px;
      font-weight: 700;
      line-height: 24px;
      text-align: left;
      color: #f3e9d5;
      margin-right: 12px;
    }
  }
  .ant-descriptions .ant-descriptions-row > th,
  .ant-descriptions .ant-descriptions-row > td {
    padding-bottom: 0px;
    padding-inline-end: 0px;
  }
  .menu-card .ant-card:nth-child(2) .ant-card-body,
  .menu-card .ant-card:nth-child(3) .ant-card-body {
    display: flex;
    flex-direction: row;
    padding: 16px 24px;

    .card-text {
      //styleName: 07 Body Text Small EN/Regular;
      font-family: Roboto;
      font-size: 18px;
      font-weight: 400;
      line-height: 28px;
      text-align: left;
      color: #202020;
    }
    .myrecord-img {
      width: 100px;
      height: 100px;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("@/assets/image/patterns/Property 1=My Record.png");
      padding: 48px 21px 45px 30px;
    }
    .lpn-img {
      width: 100px;
      height: 100px;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("@/assets/image/patterns/Property 1=LPN.png");
      padding: 47px 20px 46px 30px;
    }
  }

  // .ant-alert {
  //   background-color: #f9ebeb;
  //   border: 1px solid #c02020;
  //   border-radius: 4px;
  //   padding: 12px;
  //   margin: 0 0 32px;
  //   .ant-alert-message {
  //     color: #c02020;
  //     font-family: Roboto;
  //     font-size: 16px;
  //     font-weight: 700;
  //     line-height: 24px;
  //     padding-bottom: 8px;
  //   }
  //   .ant-alert-description {
  //     color: #c02020;
  //     font-family: Roboto;
  //     font-size: 16px;
  //     font-weight: 400;
  //     line-height: 24px;

  //     a {
  //       color: #c02020;
  //       font-family: Roboto;
  //       font-size: 16px;
  //       font-weight: 400;
  //       line-height: 24px;
  //       text-decoration: underline;
  //     }
  //   }
  // }

  // .ant-alert-error {
  //   border: 1px solid #c02020;
  //   .ant-alert-message {
  //     color: #c02020;
  //     font-family: Roboto;
  //     font-size: 16px;
  //     font-weight: 700;
  //     line-height: 24px;
  //     padding-bottom: 8px;
  //   }
  //   .ant-alert-description {
  //     color: #c02020;
  //     font-family: Roboto;
  //     font-size: 16px;
  //     font-weight: 400;
  //     line-height: 24px;

  //     a {
  //       color: #c02020;
  //       font-family: Roboto;
  //       font-size: 16px;
  //       font-weight: 400;
  //       line-height: 24px;
  //       text-decoration: underline;
  //     }
  //   }
  // }
}
